@panel-prefix: ~"@{prefix}panel";

.@{panel-prefix}{
    background: #fff;
    border-radius: @border-radius;
    position: relative;
    border: @border;

    &-no-border {
        border: none;
    }

    &-bar {
        padding: @panel-space @panel-space * 2;
        border-bottom: @border;
        position: relative;
        >span{
            vertical-align: middle;
        }
    }

    &-bar &-title {
        line-height: @panel-space * 2 + @font-size;
        font-size: 18px;
        display: inline-block;
        vertical-align: middle;
    }

    &-bar &-right {
        .middle();
        right: @panel-space * 2;
    }

    &-body {
        padding: @panel-space * 2;
    }
}